<div class="header">
    <div class="header-top web-hidden">
        <div class="container">
            <div class="row">
                <div class="header-top-left l">
                    <a href="" class="icon iconfont icon-phone">交大国际留学部
                        <div>
                            <img src="__STATIC__/assets/img/lxb_er_wei_ma.jpg" class="img-responsive">
                            扫码关注公众号
                        </div>
                    </a>
                    <a href="" class="iconfont icon-weixin-">微信公众号
                        <div>
                            <img src="__STATIC__/assets/img/f_study_er_wei_ma.jpg" class="img-responsive">
                            扫码关注公众号
                        </div>
                    </a>
                </div>
                <div class="header-top-right r">
                    <a href="">联系我们</a>
                    <span id="vipName"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="header-logo">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-xs-6">
                    <div class="header-logo-left l addon-15 web-addon">
                        <a href="/"><img src="__STATIC__/assets/img/logo.png" class="img-responsive"></a>
                    </div>
                </div>
                <div class="col-lg-6 col-xs-6 col-sm-6">
                    <div class="header-logo-right r addon-15  web-addon">
                            <span class="web-hidden">
                                <i class="icon iconfont icon-dianhua"></i>
                            全国统一助学热线：
                            </span>
                        <a href="tel:#">028-1111-1111</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-nav web-hidden">
        <div class="container">
            <div class="row">
                <div class="header-nav-drop">
                    <ul class="nav_pc">
                        <li class="active">
                            <a href="/">首页</a>
                        </li>
                        <li>
                            <a href="javascript:;">出国服务</a>
                            <div class="drop-down">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-3 col-md-3">
                                            <div class="drop-down-article">
                                                <h3>出国留学</h3>
                                                
                                                <a href="#">111</a>
                                                
                                            </div>
                                        </div>

                                        <div class="col-lg-3 col-md-3">
                                            <div class="drop-down-article">
                                                <h3>语言培训</h3>
                                                
                                                <a href="#">222</a>
                                            

                                            </div>
                                        </div>

                                        
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li style="position: relative">
                            <a href="/zsb">学历教育</a>
                            <ul class="second_nav">
                                <li style="width: 146px;"><a href="#" >高升专</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                            </ul>
                        </li>
                        <li style="position: relative">
                            <a href="#">热门考证</a>
                            <ul class="second_nav">
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                                <li style="width: 146px;"><a href="#">专升本</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="">网络课程</a>
                        </li>
                        <li>
                            <a href="">新闻资讯</a>
                        </li>
                        <li>
                            <a href="">关于我们</a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="head_m_nav header-nav-web pc-hidden">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 wrapper-scroll">
                    <div class="web-addon wrapper ">
                        <ul class="m_nav_parent wrapper-nav">
                            <li id="m-header-1" class="on"><a href="/">首页</a></li>
                            <li><a href="">网络课程</a></li>
                            <li><a href="">新闻资讯</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>